<template>
    <div>
        <div class="header">
            <img src="https://img2.baidu.com/it/u=2290784900,508702455&fm=26&fmt=auto&gp=0.jpg" alt="" />
        </div>
        <div class="nav">
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" :router="true">
                <el-menu-item index="/user_index">首页</el-menu-item>
                <el-menu-item index="/about_us">关于我们</el-menu-item>
                <el-menu-item index="3">景点介绍</el-menu-item>
                <el-menu-item index="4">农家娱乐</el-menu-item>
                <el-menu-item index="5">农家美食</el-menu-item>
                <el-menu-item index="/goods_info">商品门票</el-menu-item>
                <el-menu-item index="/user_info">个人中心</el-menu-item>
                <el-menu-item index="/user_login">登录</el-menu-item>
                <el-menu-item index="/user/user_register">注册</el-menu-item>
            </el-menu>
        </div>
        <div class="content">
            <router-view></router-view>
        </div>
        <div class="footer">
            <div class="inner">
                <div class="menu" style="text-align: center;color:#fff">
                    <span>网站首页</span>
                    <span>|</span>
                    <span>关于我们</span>
                    <span>|</span>
                    <span>景点介绍</span>
                    <span>农家娱乐</span>
                    <span>|</span>
                    <span>农家住宿</span>
                    <span>|</span>
                    <span>联系我们</span>
                </div>
                <div class="cell">
                    <span>电话:   </span>
                    <span>13463006410</span>
                </div>
                <div class="cell">
                    <span>Email:   </span>
                    <span>285341319@qq.com</span>
                </div>
                <div class="cell">
                    <span>地址:   </span>
                    <span>河北省秦皇岛市海港区北四510</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
// import { submitGoodsEdit } from '../../../api/index';
export default {
    data() {
        return {
            // thisEditData: this.editData
            activeIndex: '/user',
            activeIndex2: '1'
        };
    },
    computed: {},
    methods: {
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
        // getVislble() {
        //     console.log(this.infoVisible);
        // },
        // childCenterDialogVisibleChange: function () {
        //     this.$emit('checkInfoVisible', this.infoVisible);
        // }
    }
    // props: ['checkInfoVisible', 'editData', 'infoVisible']
};
</script>

<style scoped>
.header {
    width: 1200px;
    height: 410px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #fff;
}
.header img {
    width: 500px;
    height: 410px;
}
.el-menu-demo {
    display: flex;
    justify-content: center;
}
.footer {
    background-image: url(https://aimg8.dlszyht.net.cn/ev_user_module_content_tmp/2018_08_21/tmp1534821902_1749083_s.jpg);
    background-color: #ffffff;
    width: 100%;
}
.footer .inner {
    width: 1200px;
    margin: 0 auto;
    height: 502px;
}
.menu{
    padding-top:50px;

}
.menu span{
    display: inline-block;
    padding: 0 10px;
    font-size:14px;
}
.inner div{
    margin: 0 auto;
    color:#fff;
    text-align: center;
    padding-bottom: 10px;
}
</style>